<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex benben-position-layout flex flex-wrap align-center postingDetails_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub postingDetails_fd0_0'>
          <view class='flex flex-wrap align-center postingDetails_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
            data-url="1">
            <text class='fu-iconfont2  postingDetails_fd0_0_c0_c0'>&#xE794;</text>
          </view>
          <view class='flex flex-wrap align-stretch justify-center'>
            <text class='postingDetails_fd0_0_c1_c0'>{{$t('房源详情')}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-end postingDetails_fd0_0_c0'>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
        <view class='flex flex-wrap align-center justify-between postingDetails_fd1_0' v-if=" state=='-1'">
          <view class='flex flex-direction flex-wrap align-start'>
            <text class='postingDetails_fd1_0_c0_c0'>{{$t('待发布')}}</text>
            <text class='postingDetails_fd1_0_c0_c1'>{{$t('信息无误就尽快发布吧')}}</text>
          </view>
          <view class='flex flex-wrap align-center'>
            <button class='postingDetails_fd1_0_c1_c0' @tap.stop="popupShow1699514464698=true">{{$t('删除')}}</button>
            <button class='postingDetails_fd1_0_c1_c1' @tap.stop="editInfo">{{$t('编辑')}}</button>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between postingDetails_fd1_0' v-if=" state=='0'">
          <view class='flex flex-direction flex-wrap align-start'>
            <text class='postingDetails_fd1_0_c0_c0'>{{$t('审核中')}}</text>
            <text class='postingDetails_fd1_0_c0_c1'>{{$t('平台正在审核，请耐心等待')}}</text>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between postingDetails_fd1_2' v-if=" state=='1'">
          <view class='flex flex-direction flex-wrap align-start'>
            <text class='postingDetails_fd1_2_c0_c0'>{{$t('已通过')}}</text>
            <text class='postingDetails_fd1_2_c0_c1'>{{$t('已审核通过')}}</text>
          </view>
          <view class='flex flex-wrap align-center'>
            <button class='postingDetails_fd1_0_c1_c0' @tap.stop="popupShow1699514464698=true">{{$t('删除')}}</button>
            <button class='postingDetails_fd1_2_c1_c1' @click.stop="godetail">{{$t('去浏览')}}</button>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between postingDetails_fd1_3' v-if=" state=='2'">
          <view class='flex flex-direction flex-wrap align-start'>
            <text class='postingDetails_fd1_3_c0_c0'>{{$t('未通过')}}</text>
            <view class='flex flex-wrap align-center postingDetails_fd1_3_c0_c1'>
              <text class='postingDetails_fd1_3_c0_c1_c0'>{{$t('原因')}}：</text>
              <text class='postingDetails_fd1_3_c0_c1_c1'>{{dataList.refuse_reason}}</text>
            </view>
          </view>
          <view class='flex flex-wrap align-center'>
            <button class='postingDetails_fd1_0_c1_c0' @tap.stop="popupShow1699514464698=true">{{$t('删除')}}</button>
            <button class='postingDetails_fd1_0_c1_c1' @tap.stop="editInfo">{{$t('重新编辑')}}</button>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout postingDetails_flex_2">
        <view class='flex flex-wrap align-center'>
          <text class='postingDetails_fd2_0_c0'>{{$t('当前身份')}}</text>
          <view class='flex flex-wrap align-center justify-center padding-lr-xs postingDetails_fd2_0_c1'>
            <image class='postingDetails_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"59.png"'></image>
            <text class='postingDetails_fd2_0_c1_c1'>{{dataList.rental_method_name}}</text>
          </view>
          <!--    <view class='flex flex-wrap align-center justify-center padding-lr-xs postingDetails_fd2_0_c2'
            v-if=" type=='2'">
            <image class='postingDetails_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"60.png"'></image>
            <text class='postingDetails_fd2_0_c1_c1'>{{dataList.publisher_type_name}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-center padding-lr-xs postingDetails_fd2_0_c3'
            v-if=" type=='3'">
            <image class='postingDetails_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"61.png"'></image>
            <text class='postingDetails_fd2_0_c1_c1'>{{dataList.publisher_type_name}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-center padding-lr-xs postingDetails_fd2_0_c4'
            v-if=" type=='4'">
            <image class='postingDetails_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"63.png"'></image>
            <text class='postingDetails_fd2_0_c1_c1'>求租</text>
          </view> -->
        </view>
        <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_1'>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0' v-if=" type=='4'">
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <!-- <text class='postingDetails_fd2_1_c0_c0_c1' v-if=" type!='4'">{{$t('出租方式')}}</text> -->
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('求租方式')}}</text>
            </view>
            <!-- <text class='postingDetails_fd2_1_c0_c1'
              v-if=" type!='4'">{{dataList.rental_method_name}}{{dataList.housingrentalmethod_name}}</text> -->
            <text class='postingDetails_fd2_1_c0_c1' v-if="type==4">{{dataList.publisher_type_name}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1' v-if=" type!='4'">{{$t('出租时长')}}</text><text
                class='postingDetails_fd2_1_c0_c0_c1' v-if=" type=='4'">{{$t('租期')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c0_c1' v-if=" type=='4'">{{dataList.housingrental_duration}}</text>
            <text class='postingDetails_fd2_1_c0_c1' v-if=" type!='4'">{{dataList.housingrental_duration}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('起租日期')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c0_c1'>{{dataList.start_time || $t('随时')}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1' v-if=" type!='4'">{{$t('月租')}}(HK$)</text><text
                class='postingDetails_fd2_1_c0_c0_c1' v-if=" type=='4'">{{$t('租金预算')}}(HK$)</text>
            </view>
            <text class='postingDetails_fd2_1_c0_c1' v-if=" type!='4'">{{dataList.monthly_rent}}</text>
            <text class='postingDetails_fd2_1_c0_c1'
              v-if=" type=='4'">{{dataList.housingrentaudget_min_price}}-{{dataList.housingrentaudget_max_price}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('房屋类型')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c0_c1'>{{dataList.housingtype_name}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('所在楼层')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c0_c1' v-if=" type!='4'">{{dataList.housingfloor_louceng}}</text>
            <text class='postingDetails_fd2_1_c0_c1' v-if=" type=='4'">{{dataList.housingrentalfloor_name}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('电梯')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c0_c1'>{{dataList.housinglift_name}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('面积')}}({{$t('㎡')}})</text>
            </view>
            <text class='postingDetails_fd2_1_c0_c1' v-if=" type!='4'">{{dataList.area}}{{$t('㎡')}}</text>
            <text class='postingDetails_fd2_1_c0_c1'
              v-if=" type=='4'">{{dataList.housingarearange_min_area}}{{$t('㎡')}}-{{dataList.housingarearange_max_area}}{{$t('㎡')}}</text>
          </view>
          <view class='flex flex-wrap align-start justify-between postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1' v-if=" type!='4'">{{$t('所在区域')}}</text><text
                class='postingDetails_fd2_1_c0_c0_c1' v-if=" type=='4'">{{$t('期望区域')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c8_c1'>{{dataList.housingaddress_name}}</text>
          </view>
          <view class='flex flex-wrap align-start justify-between postingDetails_fd2_1_c0' v-if="type==4">
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('期望学校')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c8_c1'>{{dataList.housingschool_name}}</text>
          </view>
          <view class='flex flex-wrap align-start justify-between postingDetails_fd2_1_c0' v-if="type==4">
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('期望港铁')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c8_c1'>{{dataList.housingmrt_name}}</text>
          </view>
          <view class='flex flex-wrap align-start justify-between postingDetails_fd2_1_c0' v-if=" type!='4'">
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('详细地址')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c9_c1'>{{dataList.address}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1' v-if=" type!='4'">{{$t('租客性别要求')}}</text><text
                class='postingDetails_fd2_1_c0_c0_c1' v-if=" type=='4'">{{$t('合住性别要求')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c0_c1'>{{dataList.housingtenantgender_name}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0' v-if=" type=='4'">
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('发布者性别')}}</text>
            </view>
            <text class='postingDetails_fd2_1_c0_c1'>{{dataList.housingpublishergender_name}}</text>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_2' v-if=" type!='4'">
          <template v-for='(item,key0) in dataList.video' v-if="dataList.video.length">
            <view class='flex flex-direction flex-wrap align-start postingDetails_fd2_2_c0' :key='key0'>
              <text class='postingDetails_fd2_2_c0_c0'>{{$t('房屋视频')}}({{$t('最多1个，不大于10M')}})</text>
              <view class="post-video" v-if="!isPlay" @click.stop="playVideo">
                <image :src="dataList.video_img" mode="aspectFill"></image>
                <image class="play" :src="STATIC_URL+'play.png'" mode="aspectFill"></image>
              </view>
              <video v-else id="myVideo" class='flex  postingDetails_fd2_2_c0_c1' :src="dataList.video[0].path"
                controls='true' x5-video-player-type="h5" @fullscreenchange="fullscreenchange" @ended="videoEnd"
                :enable-progress-gesture='true'></video>

            </view>
          </template>

          <view class='flex flex-direction flex-wrap align-stretch'>
            <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('房屋照片')}}({{$t('最多6张，每张不大于10M')}})</text>
            <view class='flex flex-wrap align-center'>
              <template v-for='(item,key0) in dataList.images'>
                <view class='flex flex-wrap align-center postingDetails_fd2_2_c1_c1_c0' :key='key0'>
                  <image class='postingDetails_fd2_2_c0_c1' mode="aspectFill" :src='item'
                    @tap.stop="multiImagePreview(item,dataList.images,'')"></image>
                </view>
              </template>

            </view>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_3'>
          <view class='flex flex-wrap align-center'>
            <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
            <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('联系方式')}}</text>
            <text class='postingDetails_fd2_3_c0_c2'>({{$t('至少填写1种')}})</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <text class='postingDetails_fd2_1_c0_c1'>WhatsApp</text>
            <text class='postingDetails_fd2_1_c0_c1'>{{dataList.whatsapp}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_1_c0'>
            <text class='postingDetails_fd2_1_c0_c1'>{{$t('手机号')}}</text>
            <text class='postingDetails_fd2_1_c0_c1'>{{dataList.mobile}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between postingDetails_fd2_3_c3'>
            <text class='postingDetails_fd2_1_c0_c1'>{{$t('微信')}}</text>
            <text class='postingDetails_fd2_1_c0_c1'>{{dataList.wechat}}</text>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_1' v-if=" type!='4'">
          <!--       <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('所在区域')}}</text>
            </view>
            <view class='flex flex-wrap align-center postingDetails_fd2_4_c0_c1'>
              <text class='postingDetails_fd2_1_c0_c1'>{{dataList.address}}</text>
            </view>
          </view> -->
          <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('个人情况说明')}}</text>
            </view>
            <view class='flex flex-wrap align-center postingDetails_fd2_4_c1_c1'>
              <text class='postingDetails_fd2_1_c0_c1'>{{dataList.introduce}}</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('其他描述')}}</text>
            </view>
            <view class='flex flex-wrap align-center postingDetails_fd2_4_c1_c1'>
              <text class='postingDetails_fd2_1_c0_c1'>{{dataList.other_desc}}</text>
            </view>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_1' v-if=" type=='4'">
          <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('标题')}}</text>
            </view>
            <view class='flex flex-wrap align-center postingDetails_fd2_4_c0_c1'>
              <text class='postingDetails_fd2_1_c0_c1'>{{dataList.name}}</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch postingDetails_fd2_1_c0'>
            <view class='flex flex-wrap align-center'>
              <text class='postingDetails_fd2_1_c0_c0_c0'>*</text>
              <text class='postingDetails_fd2_1_c0_c0_c1'>{{$t('求租描述')}}</text>
            </view>
            <view class='flex flex-wrap align-center postingDetails_fd2_4_c1_c1'>
              <text class='postingDetails_fd2_1_c0_c1'>{{dataList.introduce}}</text>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <benben-popup v-model="popupShow1699514464698" :mask="true" :mask-close-able="false" mode='center' :z-index='999'>
        <!---删除房源flex布局开始-->
        <view class="flex flex-direction flex-wrap align-center postingDetails_flex_3"
          @tap.stop="popupShow1650940432200=true">
          <text class='postingDetails_fd3_0'>{{$t('提示')}}</text>
          <text class='postingDetails_fd3_1'>{{$t('确定删除当前房源吗')}}？</text>
          <view class='flex flex-wrap align-center postingDetails_fd3_2'>
            <button class='postingDetails_fd3_2_c0' @tap.stop="popupShow1699514464698=false"
              open-type="contact">{{$t('取消')}}</button>
            <button class='postingDetails_fd3_2_c1' open-type="contact"
              @tap.stop="getcw6543355be684dFunc()">{{$t('确定')}}</button>
          </view>
        </view>

        <!---删除房源flex布局结束-->

      </benben-popup>


    </view>
  </view>
</template>
<script>
  import {
    validate
  } from '@/common/utils/validate.js'
  export default {
    components: {},


    data() {
      return {
        "popupShow1699514464698": false,
        "state": "1",
        "identity": "1",
        "dataList": {
          "aid": "",
          "name": "",
          "user_nickname": "",
          "publisher_type": "",
          "housingrentalmethod_name": "",
          "housingrentalduration_name": "",
          "start_time": "",
          "monthly_rent": "",
          "housingtype_name": "",
          "housingfloor_louceng": "",
          "housinglift_name": "",
          "housingaddress_name": "",
          "area": "",
          "address": "",
          "housingtenantgender_name": "",
          "video": [],
          "images": [],
          "mobile": "",
          "wechat": "",
          "whatsapp": "",
          "introduce": "",
          "other_desc": "",
          "create_time": "",
          "status": "",
          "refuse_reason": "",
          "housingrentalmethod_id": "",
          "housingrentalduration_id": "",
          "housingtype_id": "",
          "housingfloor_id": "",
          "housinglift_id": "",
          "housingaddress_id": "",
          "address_province": "",
          "address_city": "",
          "address_district": "",
          "address_address": "",
          "address_lat": "",
          "address_lng": "",
          "housingtenantgender_id": "",
          "user_id": "",
          "housingschool_name": "",
          "housingmrt_name": "",
          "housingschool_id": "",
          "housingmrt_id": "",
          "apartmentbuildtype_name": "",
          "is_recommend": "",
          "peripheral_desc": "",
          "apartmentbuildtype_id": "",
          "rental_method": "",
          "apartmentbrand_name": "",
          "apartmentbrand_id": "",
          "housing_list": [],
          "is_collect": ""
        },
        "id": "1",
        "type": "1",
        videoContext: null,
        isPlay: false,
        language_id: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      this.language_id = global.locale
      let {
        id,
        type
      } = options
      if (id !== undefined) this.id = id
      if (type !== undefined) this.type = type
    },
    onUnload() {

    },
    onReady() {
      this.videoContext = uni.createVideoContext('myVideo');
    },
    onShow() {
      this.getyw65433684573f4Func()
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      // 开始播放
      playVideo() {
        this.isPlay = true;
        let that = this;
        setTimeout(() => {
          that.videoContext.requestFullScreen(0);
          that.videoContext.play();
        }, 200);
      },
      /**
       * @event
       * @description  视频结束监听
       * */
      videoEnd() {
        let that = this
        that.videoContext.exitFullScreen();
        that.isPlay = false
      },
      /**
       * @event
       * @description  视频全屏监听
       * */
      fullscreenchange(e) {
        let that = this
        // 退出全屏时
        if (!e.detail.fullScreen) {
          that.isPlay = false
          that.videoContext.pause();
        }
      },
      // 编辑
      editInfo() {
        if (this.type != 4) {
          uni.redirectTo({
            url: `/pages/fafangyuan/releaseVariousresources/releaseVariousresources?type=${this.type}&aid=${this.id}`
          })
        } else {
          uni.redirectTo({
            url: `/pages/fafangyuan/publishrequestHousing/publishrequestHousing?type=${this.type}&aid=${this.id}`
          })
        }
      },
      async getcw6543355be684dFunc() {
        //请求方法
        //数据验证
        let apiUrl = ''
        if (this.type == 4) {
          apiUrl = global.apiUrls.post655b3a9b241dc
        } else {
          apiUrl = global.apiUrls.post6543355be684d
        }
        let data6543355be684d = await this.$api.post(apiUrl, {
          aid: this.id
        });

        if (data6543355be684d.data.code != 1) {
          this.$message.info(data6543355be684d.data.msg);
          return
        }



        this.popupShow1700103141008 = false;
        uni.navigateBack()
      },
      //查询出租房源详情
      async getyw65433684573f4Func() {
        //请求方法
        //数据验证
        let apiUrl = ''
        if (this.type == 4) {
          apiUrl = global.apiUrls.post655327269edad
        } else {
          apiUrl = global.apiUrls.post65433684573f4
        }
        let datadataList = await this.$api.post(apiUrl, {
          aid: this.id
        });

        if (datadataList.data.code != 1) {
          this.$message.info(datadataList.data.msg);
          return
        }
        let infodataList = datadataList.data;
        this.dataList = infodataList.data

        this.state = this.dataList.status;
      },
      godetail() {
        if (this.dataList.publisher_type == 5) { //求房源
          this.$urouter.navigateTo(
            `/pages/qiufangyuan/requestHousingDetails/requestHousingDetails?id=${this.dataList.aid}`);
        } else {
          if (this.dataList.publisher_type == 4) {
            this.$urouter.navigateTo(`/pages/shouye/apartmentDetails/apartmentDetails?id=${this.dataList.aid}`);
          } else {
            this.$urouter.navigateTo(`/pages/shouye/propertyDetails/propertyDetails?id=${this.dataList.aid}`);
          }
        }
      },
    }
  };
</script>
<style lang="scss" scoped>
  .post-video {
    width: 160rpx;
    height: 160rpx;
    border-radius: 16rpx;
    position: relative;

    image {
      width: 100%;
      height: 100%;
      border-radius: 16rpx;
    }

    .play {
      position: absolute;
      top: 36%;
      left: 40%;
      width: 40rpx;
      height: 40rpx;
    }
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: rgba(248, 248, 248, 1);
    background-size: 100% auto;
  }

  .postingDetails_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .postingDetails_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333;
    line-height: 88rpx;
  }

  .postingDetails_fd0_0_c0_c0 {
    font-size: 36rpx;
    color: #333;
  }

  .postingDetails_fd0_0_c0 {
    width: 120rpx;
  }

  .postingDetails_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .postingDetails_fd1_3_c0_c1_c1 {
    color: #FF4343;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 200rpx;
  }

  .postingDetails_fd1_3_c0_c1_c0 {
    color: #FF4343;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .postingDetails_fd1_3_c0_c1 {
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .postingDetails_fd1_3_c0_c0 {
    color: rgba(255, 67, 67, 1);
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .postingDetails_fd1_3 {
    background: rgba(255, 67, 67, 0.1);
    background-size: 100% auto;
    padding: 32rpx 24rpx 32rpx 24rpx;
  }

  .postingDetails_fd1_2_c1_c1 {
    background: rgba(1, 129, 255, 1);
    border-radius: 32rpx;
    width: 154rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: rgba(255, 255, 255, 1);
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .postingDetails_fd1_2_c0_c1 {
    color: rgba(96, 207, 115, 1);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .postingDetails_fd1_2_c0_c0 {
    color: rgba(96, 207, 115, 1);
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .postingDetails_fd1_2 {
    background: rgba(96, 207, 115, 0.1);
    background-size: 100% auto;
    padding: 32rpx 24rpx 32rpx 24rpx;
  }

  .postingDetails_fd1_0_c1_c1 {
    background: rgba(255, 255, 255, 1);
    border-radius: 32rpx;
    width: 154rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: rgba(1, 129, 255, 1);
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .postingDetails_fd1_0_c1_c0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 32rpx;
    width: 154rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: rgba(255, 67, 67, 1);
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .postingDetails_fd1_0_c0_c1 {
    color: #0181FF;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .postingDetails_fd1_0_c0_c0 {
    color: #0181FF;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .postingDetails_fd1_0 {
    background: rgba(1, 129, 255, 0.1);
    background-size: 100% auto;
    padding: 32rpx 24rpx 32rpx 24rpx;
  }

  .postingDetails_flex_2 {
    padding: 24rpx;
  }

  .postingDetails_fd2_4_c1_c1 {
    background: rgba(248, 248, 248, 1);
    margin: 16rpx 0rpx 0rpx 0rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 24rpx;
  }

  .postingDetails_fd2_4_c0_c1 {
    background: rgba(248, 248, 248, 1);
    margin: 16rpx 0rpx 0rpx 0rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 24rpx 24rpx 68rpx 24rpx;
  }

  .postingDetails_fd2_3_c3 {
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .postingDetails_fd2_3_c0_c2 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 44rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .postingDetails_fd2_3 {
    background: rgba(255, 255, 255, 1);
    margin: 24rpx 0rpx 0rpx 0rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 32rpx 24rpx 0rpx 24rpx;
  }

  .postingDetails_fd2_2_c1_c1_c0 {
    margin: 16rpx 24rpx 0rpx 0rpx;
  }

  .postingDetails_fd2_2_c0_c1 {
    width: 160rpx;
    height: 160rpx;
    border-radius: 16rpx;
  }

  .postingDetails_fd2_2_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 44rpx;
    margin: 0rpx 0rpx 16rpx 0rpx;
  }

  .postingDetails_fd2_2_c0 {
    margin: 0rpx 0rpx 40rpx 0rpx;
  }

  .postingDetails_fd2_2 {
    background: rgba(255, 255, 255, 1);
    margin: 24rpx 0rpx 0rpx 0rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 32rpx 24rpx 32rpx 24rpx;
  }

  .postingDetails_fd2_1_c9_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 44rpx;
    width: 448rpx;
    text-align: right;
  }

  .postingDetails_fd2_1_c8_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 44rpx;
    width: 400rpx;
    text-align: right;
  }

  .postingDetails_fd2_1_c0_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 44rpx;
  }

  .postingDetails_fd2_1_c0_c0_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 44rpx;
  }

  .postingDetails_fd2_1_c0_c0_c0 {
    color: rgba(255, 69, 69, 1);
  }

  .postingDetails_fd2_1_c0 {
    border-bottom: 1px solid #eee;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .postingDetails_fd2_1 {
    background: rgba(255, 255, 255, 1);
    margin: 24rpx 0rpx 0rpx 0rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .postingDetails_fd2_0_c4 {
    background: rgba(1, 129, 255, 1);
    margin: 0rpx 0rpx 0rpx 16rpx;
    background-size: 100% auto;
    border-radius: 8rpx;
    // width: 120rpx;
    height: 40rpx;
  }

  .postingDetails_fd2_0_c3 {
    background: rgba(255, 196, 0, 1);
    margin: 0rpx 0rpx 0rpx 16rpx;
    background-size: 100% auto;
    border-radius: 8rpx;
    width: 120rpx;
    height: 40rpx;
  }

  .postingDetails_fd2_0_c2 {
    background: rgba(96, 207, 115, 1);
    margin: 0rpx 0rpx 0rpx 16rpx;
    background-size: 100% auto;
    border-radius: 8rpx;
    width: 96rpx;
    height: 40rpx;
  }

  .postingDetails_fd2_0_c1_c1 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 24rpx;
  }

  .postingDetails_fd2_0_c1_c0 {
    width: 30rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .postingDetails_fd2_0_c1 {
    background: rgba(255, 141, 0, 1);
    margin: 0rpx 0rpx 0rpx 16rpx;
    background-size: 100% auto;
    border-radius: 8rpx;
    // width: 96rpx;
    height: 40rpx;
  }

  .postingDetails_fd2_0_c0 {
    color: #000000;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 44rpx;
  }

  .postingDetails_flex_3 {
    background: #fff;
    width: 540rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .postingDetails_fd3_2_c1 {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
    font-size: 32rpx;
    color: rgba(1, 129, 255, 1);
    width: 270rpx;
  }

  .postingDetails_fd3_2_c0 {
    border-top: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    padding: 0rpx 103rpx 0rpx 103rpx;
  }

  .postingDetails_fd3_2 {
    margin: 37rpx 0rpx 0rpx 0rpx;
  }

  .postingDetails_fd3_1 {
    line-height: 44rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #333333;
  }

  .postingDetails_fd3_0 {
    font-size: 36rpx;
    font-weight: 800;
    line-height: 44rpx;
    color: #333333;
    margin: 40rpx 0rpx 40rpx 0rpx;
  }
</style>
